<template>
  <div>
    <el-form ref="postRef" :model="form" label-width="auto" :label-position="labelPosition">
      <el-row :gutter="gutter">
        <el-col :span="span">
          <el-form-item label="上传单据编号" prop="no">
            <el-input v-model="form.no" placeholder="请输入上传单据编号" />
          </el-form-item>
        </el-col>
        <el-col :span="span"><el-form-item label="单据结算总金额" prop="settlementAmount">
            <el-input v-model="form.settlementAmount" placeholder="请输入单据结算总金额" />
          </el-form-item></el-col>
        <template v-if="currentRedgerType == '14' || currentRedgerType == '15'">
          <el-col :span="span">
            <el-form-item label="单据编号" prop="documentNumber">
              <el-input v-model="form.documentNumber" placeholder="请输入单据编号" />
            </el-form-item>
          </el-col>
        </template>

        <template v-if="currentRedgerType == '14'">
          <el-col :span="span">
            <el-form-item label="到账编号" prop="receiptNumber">
              <el-input v-model="form.receiptNumber" placeholder="请输入到账编号" />
            </el-form-item>
          </el-col>
        </template>
        <el-col :span="span"><el-form-item label="上传月份" prop="uploadMonth">
            <el-date-picker v-model="form.uploadMonth" type="month" placeholder="请输入上传月份" />
          </el-form-item></el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script setup lang="js">
import { ref } from 'vue';

const props = defineProps(['redgerType','span','labelPosition'])
const currentRedgerType = props.redgerType
const span =props.span
const labelPosition = props.labelPosition
const form = ref({})

const gutter = ref(24)
const width =ref('120px')

defineExpose({ form })
</script>
<style scoped></style>